<script setup name="Index">
const searchConfig = [
  {
    label: '状态',
    field: 'stautus',
    type: 'select',
    defaultShow: true,
    options: [
      {
        label: '正在进行',
        value: 'running',
      },
      {
        label: '已完成',
        value: 'finished',
      },
    ],
    multiple: false,
  },
  {
    label: '项目名称',
    field: 'name',
    defaultShow: true,
    type: 'input',
  },
  {
    label: '型号',
    field: 'model',
    type: 'select',
    options: [],
  },
  {
    label: '是否修正',
    field: 'modified',
    type: 'switch',
    default: true,
  },
  {
    label: '创建日期',
    field: 'createDate',
    type: 'datetimerange',
  },
  {
    label: '模态不变量',
    field: 'const',
    type: 'inputrange',
  },
]
</script>

<template>
  <div class="app-container home">
    <el-card shadow="never">
      <search-bar :search-config="searchConfig" />
    </el-card>
  </div>
</template>

<style scoped lang="scss">
.home {
  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
  }

  hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
  }

  .col-item {
    margin-bottom: 20px;
  }

  ul {
    padding: 0;
    margin: 0;
  }

  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #676a6c;
  overflow-x: hidden;

  ul {
    list-style-type: none;
  }

  h4 {
    margin-top: 0px;
  }

  h2 {
    margin-top: 10px;
    font-size: 26px;
    font-weight: 100;
  }

  p {
    margin-top: 10px;

    b {
      font-weight: 700;
    }
  }

  .update-log {
    ol {
      display: block;
      list-style-type: decimal;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 0;
      margin-inline-end: 0;
      padding-inline-start: 40px;
    }
  }
}
</style>
